<!doctype html>
<html lang="zh-CN">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <link href="../assets/plugins/bootstrap-3.3.0-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/icheck/skins/square/blue.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/webuploader/webuploader.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" href="../assets/css/subs/header.css">
    <link rel="stylesheet" href="../assets/css/app.css">
    <% css.forEach(function(name) { %>
    <link href="../assets/css/<%=name%>.css" rel="stylesheet" type="text/css"/>
    <% }); %>
</head>
<body>
<!--顶部导航栏-->
<div id="Gateway__header">
    <div class="container">
        <div class="navbar navbar-default">
            <div class="navbar-header">
                　<!-- .navbar-toggle样式用于toggle收缩的内容，即nav-collapse collapse样式所在元素 -->
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#demo">
                    <span class="sr-only">Toggle Navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- 确保无论是宽屏还是窄屏，navbar-brand都显示 -->
                <!--<a href="##" class="navbar-brand">LOGO</a>-->
            </div>
            <!-- 屏幕宽度小于768px时，div.navbar-responsive-collapse容器里的内容都会隐藏，显示icon-bar图标，当点击icon-bar图标时，再展开。屏幕大于768px时，默认显示。 -->
            <div class="collapse navbar-collapse navbar-responsive-collapse header_navbar" id="demo">
                <ul class="nav navbar-nav">
                    <li><a href="##" class="nav_first">Home</a></li>
                    <li><a href="##">Case Study</a></li>
                    <li><a href="##">Export FAQ</a></li>
                    <li><a href="##">China Opportunity</a></li>
                    <li><a href="##">The Team</a></li>
                    <li><a href="##">I am Ready</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="">
                            <span>Sign Out</span>
                            <i class="iconfont icon-wode_zhanghao_dengluming"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
